<template>
  <a-config-provider :locale="zh_CN">
    <div id="app">
      <router-view />
    </div>
  </a-config-provider>
</template>
<script>
  import zh_CN from 'ant-design-vue/lib/locale-provider/zh_CN';
  import moment from 'moment';
  import 'moment/locale/zh-cn';

  moment.locale('zh-cn');
  export default {
    data() {
      return {
        zh_CN,
      };
    },
  };
</script>
<style scoped>
  /deep/ .ant-rate {
    font-size: 20px;
    line-height: 30px;
  }
  /deep/ .ant-input,
  /deep/ .ant-time-picker-input,
  /deep/ .ant-select-selection,
  /deep/ .ant-input-number,
  /deep/ .ant-table-wrapper .ant-table-thead > tr > th,
  /deep/ .ant-table-wrapper .ant-table-tbody > tr > td,
  /deep/ .ant-pagination-prev .ant-pagination-item-link,
  /deep/ .ant-pagination-next .ant-pagination-item-link,
  /deep/ .ant-pagination-item,
  /deep/ .ant-checkbox-inner,
  /deep/ .ant-btn {
    border-radius: 0;
  }
  /deep/ .ant-input-number,
  /deep/ .ant-calendar-picker,
  /deep/ .ant-time-picker {
    width: 100%;
  }
  /deep/ .ant-table-wrapper .ant-table-thead > tr > th {
    background-color: #a0bfe7;
  }
  /deep/ .ant-table-wrapper .ant-table-thead > tr > th,
  /deep/ .ant-table-wrapper .ant-table-tbody > tr > td {
    padding: 10px 8px;
  }
  /deep/ .ant-table-tbody tr:nth-child(2n) {
    background-color: #fafafa;
  }
  /deep/ .ant-form-item {
    margin-bottom: 0;
  }
  /*/deep/ .ant-collapse-content {*/
  /*  padding-top: 10px;*/
  /*}*/
  /deep/ .ant-collapse-content > .ant-collapse-content-box {
    padding: 10px;
  }
</style>
